var courses ={
    action:{
        findCourses:"findPageCourses",
        inserCourses:"",
        updateCourses:"",
        deletCourses:""
    }
}
var vue;
$(function  () {
    vue =new Vue({
        el:"#appp",
        data :{
            message:[],
            data:''
        },
        methods:{
            findCourses: function (cpage,back,actionName,data) {
                var _this =this;
                $("#demo7").remove();
                if (cpage == null) {
                    if ($("#pagination .layui-laypage-curr").length > 0) {//如果存在当前页，则页码为当前页
                        cpage = $("#pagination .layui-laypage-curr").text()
                    } else {
                        cpage = 1;
                    }
                }
                this.$http.post("findPageCourses",{CoursesName:data,curr_page:cpage},{emulateJSON: true})
                    .then(function (res) {
                    _this.message = res.body;
                    console.log( _this.message);
                //    paramCustomer.layui("#demo7",response.body.mesCode,modeh);
                layui.use('laypage', function () {
                    var laypage = layui.laypage;
                    //执行一个laypage实例
                    laypage.render({
                        elem: "pagination" //注意，这里的 test1 是 ID，不用加 # 号
                        ,count: res.body.length //数据总数，从服务端得到
                        ,curr: cpage//当前页
                        ,limit:6//每页显示的记录数
                        ,groups:4//连续出现的页码数
                        , layout: ['prev', 'page', 'next', 'refresh']
                        , jump: function (obj, first) {//回调函数
                            //obj包  含了当前分页的所有参数，比如：
                            //console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                            //console.log(obj.limit); //得到每页显示的条数
                            //首次不执行
                            if (!first) {
                                //do something
                                back(obj.curr);
                            }
                        }
                    });
                });

            });
            },
           inserCourses:function (actionName,data) {
               var _tihs =this;
               this.$http.post(actionName,data,{emulateJSON: true}).then(function (res) {
                   if (res.body.mesCode==0){
                       alter("新增失败");
                   } else {
                       alter("你新增了"+res.body.mesCode+"条信息");
                   }
               }).catch(function (res) {
                   alter("请求异常");
               })
           },
            deletCourses:function (actionName,data) {
                this.$http.get(actionName,{ params:{coursesId:data}}).then(function (res) {
                    if (res.body.mesCode==1){
                        alert("删除成功");
                    } else {
                        alert("删除失败");
                    }
                })
            }

        }
    })
    insetCourses();
    //查询课程信息
    findPage();
   //新增课程
   //insetCourses();
    //编辑课程
 //   updateCourese();
    //删除课程
    //deletCourses();
})

/**
 * 新增
 */
function insetCourses() {
    $("#coursesAdd").click(function () {
        $("#app").hide();
        $("#addCoursesAdd").show();
        var data= $("#Addform").serialize();
        vue.inserCourses(courses.action.inserCourses,data);
    })
}
function updateCourese() {

}

/**
 *  查询
 * @param page
 */
function findPage(page){
    vue.findCourses(page,findPage);
}